<!DOCTYPE html>
<html>
<head>
    <title>图库详情</title>
    <link href="//s.imcn.vip/css/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        .row .col-md-2, .row .col-md-4 {
            margin-top: 20px !important;
            margin-bottom: 20px !important;
            text-align: center;
            vertical-align: middle;
        }
        .shu img {
            width: 160px;
        }
        .heng img {
            width: 360px;
        }
        li {
            margin-right: 10px;
        }
        .duilie {
            border: 1px solid #dadada;
        }
        .duilie img{
            margin: 11px;
            width: 100px;
            height: 100px;
        }
    </style>
</head>
<body class="scopes_upload">
<div class="container">
    <h1>图片管理</h1>
    <button class="btn btn-info" id="addimg">添加图片</button>
    <button class="btn btn-success" id="upload" data-token="{{ token }}">开始上传</button>
    <br/>
    <hr>
    <h2>图片队列</h2>
        <div class="container duilie">
        </div>
    <br/>
    <ul class="nav navbar-nav">
        <li>
            <input type="hidden" name="qianzhui" value="dtl/{{ id }}/">
            <input type="text" name="start" class="form-control" placeholder="开始编号" style="width: 100px;" value="{{ count }}">
        </li>
        <li>~</li>
        <li>
            <input type="text" name="end" class="form-control" placeholder="结束编号" style="width: 100px;">
        </li>
        <li>
            <input type="hidden" name="houzhui" value=".jpg">
            <button class="btn btn-success btn-save" data-id="{{ id }}">保存</button>
        </li>
    </ul>
    <br/>
    <hr>
    <h2>图片列表</h2>
    <div class="row shu">
        {% for es in endwises %}
            <div class="col-md-2">
                <img src="//7vilrv.com1.z0.glb.clouddn.com/{{ es.resource }}-smallee">
            </div>
        {% endfor %}
    </div>
    <hr>
    <div class="row heng">
        {% for cs in crossranges %}
        <div class="col-md-4">
            <img src="//7vilrv.com1.z0.glb.clouddn.com/{{ cs.resource }}-smallheng">
        </div>
        {% endfor %}
    </div>
</div>
<script type="text/javascript" src="//s.imcn.vip/lib/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.staticfile.org/webuploader/0.1.0/webuploader.min.js"></script>
{% if debug == true %}
    <script type="text/javascript" src="//s.imcn.vip/lib/develop/a_common.js"></script>
    <script type="text/javascript" src="//s.imcn.vip/lib/develop/upload.js"></script>
{% endif %}
</body>
</html>